<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Mobile 8X - Clients</title>
<link rel="stylesheet" href="<?php echo base_url('src/template3/member/css/screen.css')?>" type="text/css"
	media="screen" title="default" />
<!--[if IE]>
<link rel="stylesheet" media="all" type="text/css" href="css/pro_dropline_ie.css" />
<![endif]-->

<!--  jquery core -->
<script src="<?php echo base_url('src/template3/member/js/jquery/jquery-1.4.1.min.js')?>" type="text/javascript"></script>

<!--  checkbox styling script -->
<script src="<?php echo base_url('src/template3/member/js/jquery/ui.core.js')?>" type="text/javascript"></script>
<script src="<?php echo base_url('src/template3/member/js/jquery/ui.checkbox.js')?>" type="text/javascript"></script>
<script src="<?php echo base_url('src/template3/member/js/jquery/jquery.bind.js')?>" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$('input').checkBox();
	$('#toggle-all').click(function(){
 	$('#toggle-all').toggleClass('toggle-checked');
	$('#mainform input[type=checkbox]').checkBox('toggle');
	return false;
	});
});
</script>


<![if !IE 7]>

<!--  styled select box script version 1 -->
<script src="<?php echo base_url('src/template3/member/js/jquery/jquery.selectbox-0.5.js')?>" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect').selectbox({ inputClass: "selectbox_styled" });
});
</script>


<![endif]>


<!--  styled select box script version 2 -->
<script src="<?php echo base_url('src/template3/member/js/jquery/jquery.selectbox-0.5_style_2.js')?>"
	type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
	$('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
});
</script>

<!--  styled select box script version 3 -->
<script src="<?php echo base_url('src/template3/member/js/jquery/jquery.selectbox-0.5_style_2.js')?>"
	type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
});
</script>

<!--  styled file upload script -->
<script src="<?php echo base_url('src/template3/member/js/jquery/js/jquery/jquery.filestyle.js')?>" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
	$("input.file_1").filestyle({ 
	image: "images/forms/upload_file.gif",
	imageheight : 29,
	imagewidth : 78,
	width : 300
	});
});
</script>

<!-- Custom jquery scripts -->
<script src="<?php echo base_url('src/template3/member/js/jquery/custom_jquery.js')?>" type="text/javascript"></script>

<!-- Tooltips -->
<script src="<?php echo base_url('src/template3/member/js/jquery/jquery.tooltip.js')?>" type="text/javascript"></script>
<script src="<?php echo base_url('src/template3/member/js/jquery/jquery.dimensions.js')?>" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
	$('a.info-tooltip ').tooltip({
		track: true,
		delay: 0,
		fixPNG: true, 
		showURL: false,
		showBody: " - ",
		top: -35,
		left: 5
	});
});
</script>

<!--  date picker script -->
<link rel="stylesheet" href="<?php echo base_url('src/template3/member/css/datePicker.css')?>" type="text/css" />
<script src="<?php echo base_url('src/template3/member/js/jquery/date.js')?>" type="text/javascript"></script>
<script src="<?php echo base_url('src/template3/member/js/jquery/jquery.datePicker.js')?>" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
        $(function()
{

// initialise the "Select date" link
$('#date-pick')
	.datePicker(
		// associate the link with a date picker
		{
			createButton:false,
			startDate:'01/01/2005',
			endDate:'31/12/2020'
		}
	).bind(
		// when the link is clicked display the date picker
		'click',
		function()
		{
			updateSelects($(this).dpGetSelected()[0]);
			$(this).dpDisplay();
			return false;
		}
	).bind(
		// when a date is selected update the SELECTs
		'dateSelected',
		function(e, selectedDate, $td, state)
		{
			updateSelects(selectedDate);
		}
	).bind(
		'dpClosed',
		function(e, selected)
		{
			updateSelects(selected[0]);
		}
	);
	
var updateSelects = function (selectedDate)
{
	var selectedDate = new Date(selectedDate);
	$('#d option[value=' + selectedDate.getDate() + ']').attr('selected', 'selected');
	$('#m option[value=' + (selectedDate.getMonth()+1) + ']').attr('selected', 'selected');
	$('#y option[value=' + (selectedDate.getFullYear()) + ']').attr('selected', 'selected');
}
// listen for when the selects are changed and update the picker
$('#d, #m, #y')
	.bind(
		'change',
		function()
		{
			var d = new Date(
						$('#y').val(),
						$('#m').val()-1,
						$('#d').val()
					);
			$('#date-pick').dpSetSelected(d.asString());
		}
	);

// default the position of the selects to today
var today = new Date();
updateSelects(today.getTime());

// and update the datePicker to reflect it...
$('#d').trigger('change');
});
</script>

<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
<script src="<?php echo base_url('src/template3/member/js/jquery/jquery.pngFix.pack.js')?>" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).pngFix( );
});
</script>
</head>
<body>
	<!-- Start: page-top-outer -->
	<div id="page-top-outer">

		<!-- Start: page-top -->
		<div id="page-top">

			<!-- start logo -->
			<!--  <div id="logo">
				<a href=""><img src="<?php echo base_url('src/template3/member/images/shared/logo.png')?>" width="156" height="40"
					alt="" /> </a>
			</div>-->
			<!-- end logo -->

			 
			<!--  end top-search -->
			<div class="clear"></div>

		</div>
		<!-- End: page-top -->

	</div>
	<!-- End: page-top-outer -->

	<div class="clear">&nbsp;</div>

	<!--  start nav-outer-repeat................................................................................................. START -->
	<div class="nav-outer-repeat">
		<!--  start nav-outer -->
		<div class="nav-outer">

			<!-- start nav-right -->
			<div id="nav-right">

				<div class="nav-divider">&nbsp;</div>
				<div class="showhide-account" style="color:white;">
				<a href="" id="logout"><?php echo $username;?></a>
				</div>
				<div class="nav-divider">&nbsp;</div>
				<a href="<?php echo site_url('user/logout');?>" id="logout"><img src="<?php echo base_url('src/template3/member/images/shared/nav/nav_logout.gif')?>"
					width="64" height="14" alt="" /> </a>
				<div class="clear">&nbsp;</div>

				<!--  start account-content -->
				 
				<!--  end account-content -->

			</div>
			<!-- end nav-right -->
 
			<!--  start nav -->
			<?php $this->load->view('user/menu');?>
			<!--  start nav -->

		</div>
		<div class="clear"></div>
		<!--  start nav-outer -->
	</div>
	<!--  start nav-outer-repeat................................................... END -->

	<div class="clear"></div>

	<!-- start content-outer -->
	<div id="content-outer">
		<!-- start content -->
			<?php if($this->router->fetch_method() == 'index'):?>
				<?php $this->load->view('user/home');?>
			<?php endif;?>
			<?php if($this->router->fetch_method() == 'product'):?>
				<?php $this->load->view('user/product');?>
			<?php endif;?> 
			<?php if($this->router->fetch_method() == 'content'):?>
				<?php $this->load->view('user/content');?>
			<?php endif;?>
		<!--  end content -->
		<div class="clear">&nbsp;</div>
	</div>
	<!--  end content-outer -->



	<div class="clear">&nbsp;</div>

	<!-- start footer -->
	<div id="footer">
		<!--  start footer-left -->
		<div id="footer-left">
			M8X &copy; Copyright M8X Ltd. <a href="">www.store8x.com</a>. All
			rights reserved.
		</div>
		<!--  end footer-left -->
		<div class="clear">&nbsp;</div>
	</div>
	<!-- end footer -->

</body>
</html>
